<!doctype html>
<html lang="en" class="lf-html">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="../../common/js/jquery.min.js"></script>
    <script src="../../common/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../../common/css/bootstrap.css"/>
    <link rel="stylesheet" href="../../common/css/base.css">
    <link rel="stylesheet" href="../../common/css/common.css">
    <link rel="stylesheet" href="./index.css"/>
    <title>共享办公楼</title>
</head>
<body class="lf-body">
    <header>
		<div class="lf-header">
			<div class="header-box">
			    <img src="../../images/logo.png" alt="" class="header-logo">
			    <div class="header-name">朝阳区众创空间资源一体化平台</div>
			    <span class="glyphicon glyphicon-user user-icon header-icon" ></span>
			    <span class="glyphicon glyphicon-menu-hamburger header-icon"></span>
			</div>
			<div class="lf-service-list-tips lf-flj">
				<div type="1"><text>类型</text><span class="glyphicon glyphicon-menu-down"></span></div>
				<div type="2"><text>区域</text><span class="glyphicon glyphicon-menu-down"></span></div>
				<div type="3"><text>价格</text><span class="glyphicon glyphicon-menu-down"></span></div>
				<div type="4"><text>更多</text><span class="glyphicon glyphicon-menu-down"></span></div>
			</div>
		</div>
       <div class="lf-line"></div>
    </header>
    <main>
		<!-- 暂无数据 -->
		<div class="lf-noData">
			<div>
				<img src="../../images/noData.png" alt="">
				<div>该项服务暂无内容</div>
			</div>
		</div>
	   <!-- 数据列表 -->
		<div class="lf-service-list">
			<div class="row">
				<div class="col-xs-12 col-md-12">
					<div class="lf-flj lf-share-list">
						<img  src="../../images/listImag.png" alt="">
						<div class="lf-right-content lf-fljc">
							<div class="lf-right-content">FUNWORK 北京新港大厦</div>
							<div class="lf-right-money">1350<span>元/工位/月</span></div>
							<div class="lf-right-position">地址：朝阳区酒仙桥路甲16号</div>
							<div class="lf-right-position lf-right-mar">距离地铁：距离14号线将台约43米</div>
							<div class="lf-right-position lf-right-mar" style="padding-bottom: 0.1rem;">可租工位数：1-200</div>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-md-12">
					<div class="lf-flj lf-share-list">
						<img  src="../../images/listImag.png" alt="">
						<div class="lf-right-content lf-fljc">
							<div class="lf-right-content">FUNWORK 北京新港大厦</div>
							<div class="lf-right-money">1350<span>元/工位/月</span></div>
							<div class="lf-right-position">地址：朝阳区酒仙桥路甲16号</div>
							<div class="lf-right-position lf-right-mar">距离地铁：距离14号线将台约43米</div>
							<div class="lf-right-position lf-right-mar" style="padding-bottom: 0.1rem;">可租工位数：1-200</div>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-md-12">
					<div class="lf-flj lf-share-list">
						<img  src="../../images/listImag.png" alt="">
						<div class="lf-right-content lf-fljc">
							<div class="lf-right-content">FUNWORK 北京新港大厦</div>
							<div class="lf-right-money">1350<span>元/工位/月</span></div>
							<div class="lf-right-position">地址：朝阳区酒仙桥路甲16号</div>
							<div class="lf-right-position lf-right-mar">距离地铁：距离14号线将台约43米</div>
							<div class="lf-right-position lf-right-mar" style="padding-bottom: 0.1rem;">可租工位数：1-200</div>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-md-12">
					<div class="lf-flj lf-share-list">
						<img  src="../../images/listImag.png" alt="">
						<div class="lf-right-content lf-fljc">
							<div class="lf-right-content">FUNWORK 北京新港大厦</div>
							<div class="lf-right-money">1350<span>元/工位/月</span></div>
							<div class="lf-right-position">地址：朝阳区酒仙桥路甲16号</div>
							<div class="lf-right-position lf-right-mar">距离地铁：距离14号线将台约43米</div>
							<div class="lf-right-position lf-right-mar" style="padding-bottom: 0.1rem;">可租工位数：1-200</div>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-md-12">
					<div class="lf-flj lf-share-list">
						<img  src="../../images/listImag.png" alt="">
						<div class="lf-right-content lf-fljc">
							<div class="lf-right-content">FUNWORK 北京新港大厦</div>
							<div class="lf-right-money">1350<span>元/工位/月</span></div>
							<div class="lf-right-position">地址：朝阳区酒仙桥路甲16号</div>
							<div class="lf-right-position lf-right-mar">距离地铁：距离14号线将台约43米</div>
							<div class="lf-right-position lf-right-mar" style="padding-bottom: 0.1rem;">可租工位数：1-200</div>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-md-12">
					<div class="lf-flj lf-share-list">
						<img  src="../../images/listImag.png" alt="">
						<div class="lf-right-content lf-fljc">
							<div class="lf-right-content">FUNWORK 北京新港大厦</div>
							<div class="lf-right-money">1350<span>元/工位/月</span></div>
							<div class="lf-right-position">地址：朝阳区酒仙桥路甲16号</div>
							<div class="lf-right-position lf-right-mar">距离地铁：距离14号线将台约43米</div>
							<div class="lf-right-position lf-right-mar" style="padding-bottom: 0.1rem;">可租工位数：1-200</div>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-md-12">
					<div class="lf-flj lf-share-list">
						<img  src="../../images/listImag.png" alt="">
						<div class="lf-right-content lf-fljc">
							<div class="lf-right-content">FUNWORK 北京新港大厦</div>
							<div class="lf-right-money">1350<span>元/工位/月</span></div>
							<div class="lf-right-position">地址：朝阳区酒仙桥路甲16号</div>
							<div class="lf-right-position lf-right-mar">距离地铁：距离14号线将台约43米</div>
							<div class="lf-right-position lf-right-mar" style="padding-bottom: 0.1rem;">可租工位数：1-200</div>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-md-12">
					<div class="lf-flj lf-share-list">
						<img  src="../../images/listImag.png" alt="">
						<div class="lf-right-content lf-fljc">
							<div class="lf-right-content">FUNWORK 北京新港大厦</div>
							<div class="lf-right-money">1350<span>元/工位/月</span></div>
							<div class="lf-right-position">地址：朝阳区酒仙桥路甲16号</div>
							<div class="lf-right-position lf-right-mar">距离地铁：距离14号线将台约43米</div>
							<div class="lf-right-position lf-right-mar" style="padding-bottom: 0.1rem;">可租工位数：1-200</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 类型筛选 -->
		<div class="lf-index-popUp1" >
			<div class="lf-index-show"></div>
			<div class="lf-popUp-content">
				<ul class="lf-div1-ul">
					<li class="lf-flj">
						<span>基础办公</span>
						<img src="../../images/checkbox@2x.png" alt="">
					</li>
					<li class="lf-flj active">
						<span>共享办公</span>
						<img src="../../images/check@2x.png" alt="">
					</li>
				</ul>
				<div class="lf-index-btn lf-flj">
					<div class="lf-reset">重置</div>
					<div class="lf-affirm">确认</div>
				</div>
			</div>
		</div>
		<!-- 区域 -->
		<div class="lf-index-popUp2">
			<div class="lf-index-show"></div>
			<div class="lf-popUp-content">
				<div class="lf-flj lf-pupop2-content">
					<ul>
						<li><div>按区域</div></li>
						<li class="active"><div>按地铁</div></li>
					</ul>
					<ul>
						<li><div>不限</div></li>
						<li  class="active"><div>不限</div></li>
					</ul>
					<ul>
						<li>
							<div class="lf-flj">
								<span>不限</span>
								<img src="../../images/checkbox@2x.png" alt="">
							</div>
						</li>
						<li  class="active">
							<div class="lf-flj">
								<span>不限</span>
								<img src="../../images/check@2x.png" alt="">
							</div>
						</li>
					</ul>
				</div>
				<div class="lf-index-btn lf-flj">
					<div class="lf-reset">重置</div>
					<div class="lf-affirm">确认</div>
				</div>
			</div>
		</div>
		<!-- 价格 -->
		<div class="lf-index-popUp3">
			<div class="lf-index-show"></div>
			<div class="lf-popUp-content">
				<div class="lf-flj lf-pupop3-content">
					<ul>
						<li><div>按价格</div></li>
						<li><div>按价格</div></li>
					</ul>
					<ul>
						<li>
							<div class="lf-flj">
								<span>不限</span>
								<img src="../../images/checkbox@2x.png" alt="">
							</div>
						</li>
						<li>
							<div class="lf-flj">
								<span>1万以下</span>
								<img src="../../images/checkbox@2x.png" alt="">
							</div>
						</li>
					</ul>
				</div>
				<div class="lf-index-custom">
					<div class="lf-flj">
						<span class="lf-custom">自定义</span>
						<div>
							<input type="text" placeholder="最低价">
							-
							<input type="text" placeholder="最高价">
							元
						</div>
						<span class="lf-span">确定</span>
					</div>
				</div>
			</div>
		</div>
		<!-- 更多 -->
		<div class="lf-index-popUp4">
			<div class="lf-index-show"></div>
			<div class="lf-popUp-content" style="padding: 0.3rem">
				<div class="lf-pupop4-content">
					<h4>面积(m*m)</h4>
					<ul class="lf-pupop4-content-area-box">
						<li class="move-select-active">不限</li>
						<li>0--100</li>
						<li>100-300</li>
						<li>300-500</li>
						<li>500-1000</li>
						<li>1000以上</li>
					</ul>
					
				</div>
				<div class="lf-pupop4-content">
					<h4>装修</h4>
					<ul class="lf-pupop4-content-zhuangxiu-box">
						<li class="move-select-active">全部</li>
						<li>豪花装修</li>
						<li>精装修</li>
						<li>中等装修</li>
						<li>间装修</li>
					</ul>
				</div>
				<div class="lf-index-btn lf-flj">
					<div class="lf-reset">重置</div>
					<div class="lf-affirm">确认</div>
				</div>
			</div>
		</div>
		<!-- 侧边栏 -->
		<div class="lf-sidebar">
			<div class="lf-sidebar-show">
				<div>
					<div class="lf-sidebar-search lf-fl"><img src="../../images/search@2x.png" alt=""><input placeholder="输入查询的内容" type="text"></div>
				</div>
				<ul class="lf-sidebar-ul">
					<li class="lf-ul-click"><div>首页</div></li>
					<li class="lf-click-li">
						<div class="lf-flj">众创空间 <i class="glyphicon glyphicon-menu-right"></i></div>
						<ul class="lf-subset-ul">
							<li><div>众创空间</div></li>
							<li><div>众创空间</div></li>
						</ul>
					</li>
					<li class="lf-click-li">
						<div class="lf-flj">众创空间 <i class="glyphicon glyphicon-menu-right"></i></div>
						<ul class="lf-subset-ul">
							<li><div>众创空间</div></li>
							<li><div>众创空间</div></li>
						</ul>
					</li>
					<li class="lf-ul-click"><div>首页</div></li>
				</ul>
			</div>
		</div>
    </main>
	<div class="lf-blank"></div>
    <footer class="lf-footer">
		<img src="../../images/footer.png" alt="">
    </footer>
    <script src="./index.js"></script>
	<script src="../../common/js/index.js"></script>
</body>
</html>